<div class="eshop">
    <div class="eshop-top table-high">
        <!-- Nav tabs -->

        <div style="display: inline-block;width: 100%;border-bottom: solid 1px black">
            <div class="menu-top-left">
                <ul class="nav nav-pills table-daohang-left" role="tablist">
                    <li role="presentation" ng-class="{'active':$index==0}" ng-repeat="tablelist in vm.tablesList ">
                        <a href="#{{tablelist.groupid}}" aria-controls="{{tablelist.groupid}}" role="tab"
                           data-toggle="tab">{{tablelist.name}}</a>
                    </li>
                </ul>
            </div>
            <div class="table-daohang-right">
                <div>
                    <label><span>全部<input type="radio" name="type" value="2" checked="checked"
                                          ng-click="vm.test()"></span></label>
                    <label><span>待客<input type="radio" name="type" value="1" ng-click="vm.test(1)"></span></label>
                    <label><span>空桌<input type="radio" name="type" value="0" ng-click="vm.test(0)"></span></label>
                    <label><span>清桌<input type="radio" name="type" value="3" ng-click="vm.test(3)"></span></label>
                </div>
            </div>
        </div>
        <!--   Tab panes -->
        <div class="tab-content table-high">
            <div role="tabpanel" class="table-center  tab-pane " style="height: 100%" ng-class="{'active':$index==0}"
                 ng-repeat="tablelist in vm.tablesList" id="{{tablelist.groupid}}"
                 ng-init="vm.setUlStyle(tablelist,27)">
                <ul style="height: 100%">
                    <li ng-repeat="table in tablelist.tables | filter:{status:vm.key}"
                        ui-sref="order({stid:table.stid})">
                        <div class="table-zhu" ng-class="{0: 'zhu-color_01', 1: 'zhu-color_02'}[table.status]">
                        </div>
                        <div class="table-text">
                            <div class="table-size_1 table-ziti"
                                 ng-class="{1: 'table-color_1', 0: 'table-color_2'}[table.status]"> {{table.stid}}
                                <!--      </br>
                                      <img src="images/table_num.png" style="width: 0.8rem;height: 0.02rem"> --></div>

                            <div ng-show="table.status==0">
                                <div class=" table-size_2 table-ziti"> 空桌</div>
                                <div class="table-size_3"> EMPTY</div>
                            </div>
                            <div ng-show="table.status==1">
                                <div class=" table-size_2 table-ziti"> ¥120 </div>
                                <div class="table-size_3"> 待客桌...</div>
                            </div>
                        </div>
                        <div class="table-text-bottom" ng-show="table.status==1">
                            <img src="images/watch-icon.png" class="table-img">
                            <span class="table-span">20min</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="eshop-bottom">

    </div>
</div>

